<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>hello</title>
    <script type="text/javascript" src="jquery-1.7.2.js"></script>
    <script type="text/javascript" >
        //jQuery方法：
        $(function () {// 表示页面加载完成 之后，相当 window.onload = function () {}
            //筛选标签，并创建对象集合
            var $btnObj = $("#btnId");// 表示按 id 查询标签对象
            //绑定点击事件
            $btnObj.click(function () {// 绑定单击事件后，创建函数去实现想要的效果
                alert("jQuery 的单击事件");
            });
        });

        //动态注册：
        // window.onload = function () {
        //     var btnObj = document.getElementById("btnId");
        //     btnObj.onclick = function () {
        //         alert("js 原生的单击事件");
        //     }
        // }

        //静态注册：
        // function buttonFun() {
        //     var elementById = document.getElementById("btnId");
        //     elementById.onclick=function () {
        //         alert("hello。")
        //     }
        // }

    </script>
</head>
<body>
    <button id="btnId" >Hello</button>
</body>
</html>